<template>
  <div class="layui-container">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md8">
        <my-top></my-top>
        <my-list></my-list>
      </div>
      <div class="layui-col-md4">
        <my-tips></my-tips>
        <my-sign></my-sign>
        <my-hotList></my-hotList>
        <my-ads></my-ads>
        <my-links></my-links>
      </div>
    </div>
  </div>
</template>
<script>
import Top from '@/components/content/Top.vue';
import List from '@/components/content/List.vue';
import Tips from '@/components/sidebar/Tips.vue';
import Sign from '@/components/sidebar/Sign.vue';
import Links from '@/components/sidebar/Links.vue';
import HotList from '@/components/sidebar/HotList.vue';
import Ads from '@/components/sidebar/Ads.vue';

export default {
  name: 'Index',
  components: {
    'my-top': Top,
    'my-list': List,
    'my-tips': Tips,
    'my-sign': Sign,
    'my-links': Links,
    'my-hotList': HotList,
    'my-ads': Ads
  }
};
</script>
<style scoped lang="scss">

</style>
